.dv-progress-horizon {
  height: 10px;

  .progress-bar-bg {
    width: 100%;
    height: 100%;
    background: rgba(9, 59, 59, 0.7);
  }

  .progress-bar-in {
    display: flex;
    align-items: flex-start;
    height: 100%;
    background: linear-gradient(to right, #01fa1f 0%, #ffde00 100%);
  }

  .progress-bar-animation {
    height: 100%;
    background: #fff;
    opacity: 0;
    animation: dv-progress-horizon-bar-in-active 2.4s infinite;
    content: ' ';
  }
  @keyframes dv-progress-horizon-bar-in-active {
    0% {
      width: 0;
      opacity: 0.1;
    }
    20% {
      width: 0;
      opacity: 0.5;
    }
    100% {
      width: 100%;
      opacity: 0;
    }
  }
}
